<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <!-- 作者 -->
    <meta name="author" content="author">
    <!-- 网页描述 -->
    <meta name="description" content="hello">
    <!-- 关键字使用","分隔 -->
    <meta name="keywords" content="a,b,c">
    <!-- 禁止浏览器从本地机的缓存中调阅页面内容 -->
    <meta http-equiv="Pragma" content="no-cache">
    <!-- 用来防止别人在框架里调用你的页面 -->
    <meta http-equiv="Window-target" content="_top">
    <!-- content的参数有all，none，index，noindex，follow，nofollow，默认是all -->
    <meta name="robots" content="none">
    <!-- 收藏图标 -->
    <link rel="Shortcut Icon" href="favicon.ico">
    <!-- 网页不会被缓存 -->
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <!-- 解决部分兼容性问题，如果安装了GCF，则使用GCF来渲染页面，如果未安装GCF，则使用最高版本的IE内核进行渲染。 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <!-- 页面按原比例显示 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
    <link rel="stylesheet" type="text/css" href="/public/libs/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/public/stylesheets/animation.css" />
    <link rel="stylesheet" type="text/css" href="/public/stylesheets/banner.css" />
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
    <![endif]-->
</head>
<body>
<div id="carousel-example-generic" class="carousel slide my-slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
        <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <a target="_blank" href="javascript:void(0)">
                <img src="/public/images/main/banner1.jpg" alt="移动空间" style="width: 1920px; max-width: 1920px;">
                <p class="p1">
                    <span class="lineto"></span>
                    <span class="title">移动空间</span>
                    <span class="desc">一次冲击全球的 移动多媒体</span>
                    <span class="desc">一个沉浸式体验、多维感知、愉悦新颖的空间。</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a target="_blank" href="javascript:void(0)">
                <img src="/public/images/main/banner2.jpg" alt="环球影片" style="width: 1920px; max-width: 1920px;">
                <p class="p2">
                    <span class="lineto bounceInDown"></span>
                    <span class="title bounceInDown">球幕影片</span>
                    <span class="desc bounceInDown">全种类海量影片资源，影片个性化定制服务。</span>
                    <span class="desc bounceInDown">多维化沉浸式空间互动体验，满足各行业个性化需求。</span>
                </p>
                <em class="backbg"></em>
            </a>
        </div>
        <div class="item">
            <a target="_blank" href="javascript:void(0)">
                <img src="/public/images/main/banner3.jpg" alt="服务介绍" style="width: 1920px; max-width: 1920px;">
                <p class="p3">
                    <span class="lineto bounceInDown"></span>
                    <span class="title bounceInLeft">服务介绍</span>
                    <span class="desc bounceInLeft">来自国外的专业技术团队，提供一站式集成个性服务方案。</span>
                    <span class="desc bounceInLeft">打造无盲点的视觉效果展示，享受不一样的视觉之美。</span>
                </p>
            </a>
        </div>
    </div>
</div>
</body>
</html>